<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <!--{include file='comm/header.tpl'}-->
    <title>商品库存</title>
    <style>
        .clf{clear:both;}
        .fll{float:left;}
        .scanForm{margin-left:15px;margin-top:30px;}
    </style>
</head>
<body>
<div style="width:100%">

    <!--{if $operFlg == 3 && $error_msg}-->

    <div class="comm-box">
        <!--{$error_msg}-->
    </div>

    <!--{else}-->

    <div class="items clearfix">
        <h2 style="" class="tal">正在操作：商品库存</h2>

        <div class="select-box">
            <div onclick="source.change(1);" class="selected" id="select_1">仓库库存</div>
            <div onclick="source.change(2);" id="select_2">渠道库存</div>
        </div>

        <div id="tab_1" style="margin-top:20px;margin-bottom: 20px;">
            <table class="s" style="width: 98%;margin: 0 auto;">
                <tr style="height: 30px;">
                    <th style="width: 7%;text-align: center;">操作</th>
                    <th style="width: 13%;text-align: center;">商品编号</th>
                    <th style="width: 50%;text-align: center;">商品名称</th>
                    <th style="width: 10%;text-align: center;">规格</th>
                    <th style="width: 10%;text-align: center;">仓库名称</th>
                    <th style="width: 10%;text-align: center;">数量</th>
                </tr>
                <!--{if $info.storeGoodsInfo}-->

                    <!--{foreach from=$info.storeGoodsInfo item=v1}-->

                        <tr style="height: 30px;">
                            <td style="text-align: center;">
                                <a href="javascript: void(0);" onclick="editOne('<!--{$v1->goodsID}-->_<!--{$v1->storeID}-->')" id="edit_<!--{$v1->goodsID}-->_<!--{$v1->storeID}-->" >修改</a>
                                <a href="javascript: void(0);" onclick="cancelOne('<!--{$v1->goodsID}-->_<!--{$v1->storeID}-->')" id="cancel_<!--{$v1->goodsID}-->_<!--{$v1->storeID}-->" style="display: none;" >取消</a>
                                <a href="javascript: void(0);" onclick="simpleSave('<!--{$v1->goodsID}-->_<!--{$v1->storeID}-->')" id="save_<!--{$v1->goodsID}-->_<!--{$v1->storeID}-->" style="display: none;" >保存</a>
                            </td>
                            <td style="text-align: left;">
                                <!--{$v1->product_code}-->
                            </td>
                            <td style="text-align: left;">
                                <!--{$v1->goodsName}-->
                            </td>
                            <td style="text-align: left;">
                                <!--{$v1->spec}-->
                            </td>
                            <td style="text-align: left;">
                                <!--{$v1->storeName}-->
                            </td>
                            <td style="text-align: left;">
                                <span id="amount_<!--{$v1->goodsID}-->_<!--{$v1->storeID}-->"><!--{$v1->enableSaleAmount}--></span>
                            </td>
                        </tr>

                    <!--{/foreach}-->

                <!--{/if}-->

            </table>
        </div>


        <div id="tab_2" style="margin-top:20px;margin-bottom: 20px;display: none;">
            <table class="s" style="width: 98%;margin: 0 auto;">
                <tr style="height: 30px;">
                    <th style="width: 10%;text-align: center;">操作</th>
                    <th style="width: 40%;text-align: center;">渠道</th>
                    <th style="width: 30%;text-align: center;">库存</th>
                    <th style="width: 20%;text-align: center;">销售数量</th>
                </tr>
                <!--{if $info.channelGoodsInfo}-->

                    <!--{foreach from=$info.channelGoodsInfo item=v2}-->

                        <tr style="height: 30px;">
                            <td style="text-align: center;">
                                <a href="javascript: void(0);" onclick="channelEdit('<!--{$v2.goodsID}-->_<!--{$v2.channelID}-->')" id="edit_channel_<!--{$v2.goodsID}-->_<!--{$v2.channelID}-->" >修改</a>
                                <a href="javascript: void(0);" onclick="channelCancel('<!--{$v2.goodsID}-->_<!--{$v2.channelID}-->')" id="cancel_channel_<!--{$v2.goodsID}-->_<!--{$v2.channelID}-->" style="display: none;" >取消</a>
                                <a href="javascript: void(0);" onclick="channelSave('<!--{$v2.goodsID}-->_<!--{$v2.channelID}-->')" id="save_channel_<!--{$v2.goodsID}-->_<!--{$v2.channelID}-->" style="display: none;" >保存</a>
                            </td>
                            <td style="text-align: left;">
                                <!--{$v2.channelName}-->
                            </td>
                            <td style="text-align: left;">
                                <span id="channel_<!--{$v2.goodsID}-->_<!--{$v2.channelID}-->"><!--{$v2.enableSaleAmount}--></span>
                            </td>
                            <td style="text-align: left;">
                                <!--{$v2.saleAmount}-->
                            </td>
                        </tr>

                    <!--{/foreach}-->

                <!--{/if}-->

            </table>
        </div>

    </div>
    <!--{/if}-->


    <div class="bottom_fixbox">
        <div class="rectbox tac">
            <input type="button" class="btn" onclick="E.closeWindows();" value="关闭" />
        </div>
    </div>

</div>

<script type="text/javascript">

var source = {
    change: function(index){

        if( index == 1 ){

            $('#select_1').addClass('selected');
            $('#select_2').removeClass();

            $('#tab_1').show();
            $('#tab_2').hide();

        }else{

            $('#select_2').addClass('selected');
            $('#select_1').removeClass();

            $('#tab_2').show();
            $('#tab_1').hide();

        }

    }
};
	
	//用于保存库存编辑信息
	var simpleArr = { };

    //用于保存渠道编辑信息
    var channelArr = { };

    var goods = {
        
        editOne: function() {
            E.confirm("您确认对此条信息修改吗？", "goods.editSimple" , "goods.storeCancel");
        },

        channelEdit:function(){
            E.confirm("您确认对此条信息修改吗？", "goods.editExe" , "goods.channelCancel");
        },

        storeCancel:function(){
            simpleArr = { };
            $("#e_layer").remove();
            E.coverLayer.close("e_cover_layer");
        },

        channelCancel:function(){
            channelArr = { };
            $("#e_layer").remove();
            E.coverLayer.close("e_cover_layer");
        },

        editExe: function() {
            $.ajax({
                type: "POST",
                url: "/invokingAjax-backend/wms/goodsStore.ajax?operFlg=5",
                dataType: "JSON",
                data: {data:channelArr},
                success: function( result_obj ) {
                    if (result_obj.code == 200) {
                        channelArr = { };
                        E.alert("保存成功" , 2 , 'E.refresh');
                    } else {
                        E.alert(result_obj.message);
                    }
                }
            });
        },

        editSimple: function() {
            $.ajax({
                type: "POST",
                url: "/invokingAjax-backend/wms/goodsStore.ajax?operFlg=2",
                dataType: "JSON",
                data: {params:simpleArr},
                success: function( result_obj ) {
                    if (result_obj.code == 200) {
                        simpleArr = { };
                        E.alert("保存成功" , 2 , 'E.refresh');
                    } else {
                        E.alert(result_obj.message);
                    }
                }
            });
        }

    };
	
	//单个编辑
	function editOne( id ){

        //显示保存和取消按钮
        $("#save_" + id).show();
        $("#cancel_" + id).show();
        $("#edit_" + id).hide();

        $("span[id^='amount_" + id + "']").each(function(){

            //获取当前对象的ID值
            var id = $(this).attr('id');

            //获取当前对象的内容
            var value = $(this).text();

            //生成input框
            var html = '<input type="text" id="' + id + '" value="' + value + '" style="width:90%;text-align:left;">';

            $(this).after(html);

            //删除span标签
            $(this).remove();

        })
	}

    //单个保存
    function simpleSave( id ){

        //出错数组，记录错误的TD
        var errorArr = new Array();

        //记录全部输入的ID值
        var allArr = new Array();

        $("input[id^='amount_" + id + "']").each(function(){

            //获取当前对象的ID值
            var id = $(this).attr('id');

            //记录到总数组中
            allArr.push(id);

            //获取当前对象的内容
            var value = $.trim( $(this).val() );

            if( !E.isInt(value) ){
                errorArr.push(id);
            }

            //分解ID，获取其中的商品ID和仓库ID
            var params = id.split('_');

            //获取goodsID
            var goodsID = params[1];

            //获取仓库ID
            var storeID = params[2];

            simpleArr[id] = {goodsID:goodsID,amount:value,storeID:storeID};

        })

        if( errorArr.length == 0 ){
            goods.editOne();
        }else{
            E.alert('请输入正确的商品数量');
            for(var j=0;j<allArr.length;j++){

                //记录错误标志
                var errorFlg = 0;

                for(var i=0;i<errorArr.length;i++){

                    if(errorArr[i] == allArr[j]){
                        $("#" + errorArr[i]).focus();
                        $("#" + errorArr[i]).css("color","red");
                        errorFlg = 1;
                    }

                }

                if( errorFlg == 0 ){
                    $("#" + allArr[j]).css("color","black");
                }

            }

        }

    }

    //单个取消
    function cancelOne( id ){

        //显示编辑按钮
        $("#edit_" + id).show();
        $("#save_" + id).hide();
        $("#cancel_" + id).hide();

        $("input[id^='amount_" + id + "']").each(function(){

            //获取当前对象的ID值
            var id = $(this).attr('id');

            //获取当前对象的内容
            var value = $(this).val();

            //生成span标签
            var html = '<span id="' + id + '"  >' + value + '</span>';

            $(this).after(html);

            //删除input标签
            $(this).remove();

        })
    }

  /************************ 渠道库存相关操作 ******************************/

  //编辑渠道库存
  function channelEdit( id ){

      //显示保存和取消按钮
      $("#save_channel_" + id).show();
      $("#cancel_channel_" + id).show();
      $("#edit_channel_" + id).hide();

      $("span[id^='channel_" + id + "']").each(function(){

          //获取当前对象的ID值
          var id = $(this).attr('id');

          //获取当前对象的内容
          var value = $(this).text();

          //生成input框
          var html = '<input type="text" id="' + id + '" value="' + value + '" style="width:90%;text-align:left;">';

          $(this).after(html);

          //删除span标签
          $(this).remove();

      })
  }

  //保存渠道库存编辑
  function channelSave( id ){

      //出错数组，记录错误的TD
      var errorArr = new Array();

      //记录全部输入的ID值
      var allArr = new Array();

      $("input[id^='channel_" + id + "']").each(function(){

          //获取当前对象的ID值
          var id = $(this).attr('id');

          //记录到总数组中
          allArr.push(id);

          //获取当前对象的内容
          var value = $.trim( $(this).val() );

          if( !E.isInt(value) ){
              errorArr.push(id);
          }

          //分解ID，获取其中的商品ID和渠道ID
          var params = id.split('_');

          //获取goodsID
          var goodsID = params[1];

          //获取渠道
          var channelID = params[2];

          channelArr[id] = {goodsID:goodsID,amount:value,channelID:channelID};

      })

      if( errorArr.length == 0 ){
          goods.channelEdit();
      }else{
          E.alert('请输入正确的商品数量');
          for(var j=0;j<allArr.length;j++){

              //记录错误标志
              var errorFlg = 0;

              for(var i=0;i<errorArr.length;i++){

                  if(errorArr[i] == allArr[j]){
                      $("#" + errorArr[i]).focus();
                      $("#" + errorArr[i]).css("color","red");
                      errorFlg = 1;
                  }

              }

              if( errorFlg == 0 ){
                  $("#" + allArr[j]).css("color","black");
              }

          }

      }

  }

//取消渠道库存编辑
function channelCancel( id ){

    //显示编辑按钮
    $("#edit_channel_" + id).show();
    $("#save_channel_" + id).hide();
    $("#cancel_channel_" + id).hide();

    $("input[id^='channel_" + id + "']").each(function(){

        //获取当前对象的ID值
        var id = $(this).attr('id');

        //获取当前对象的内容
        var value = $(this).val();

        //生成span标签
        var html = '<span id="' + id + '"  >' + value + '</span>';

        $(this).after(html);

        //删除input标签
        $(this).remove();

    })
}

</script>

</body>

</html>
